
/* CSS Document */
*{ margin:0; padding:0}
body{ font-size:14px; }
a{color:#333; text-decoration:none;}
li{list-style: none;margin-bottom: 10px;}
img{max-width: 100%;}
.none{display:none;}
.chat_content{width:1000px;margin:40px auto 0;}
.chat_boxall{width:1000px;height:550px;border:1px solid #ddd; background:#fff; position:relative}
.chat_box_left{width:300px;height:550px; float:left;border-right:1px solid #ddd}
.chat_box_header{width:100%;height:40px; line-height:40px; float:left;border-bottom:1px solid #ddd; background:#ededed}
.chat_box_header_l{width:300px;height:40px; float:left;border-right:1px solid #ddd; position:relative }
.chat_box_header_wd{ position:absolute;right:10px;top:0px;cursor:pointer}
.chat_wd_checkbox{width:12px;height:12px;border:1px solid #ddd; display:inline-block; vertical-align:middle; margin-right:5px; overflow:hidden}
.chat_wd_checkbox_xz{ background:url(../images/com_s_icon.png) no-repeat center center;}
.chat_box_header_l_u{ margin-left:20px;color:#666;}
.chat_box_userlist {width:300px;height:500px; padding:0; overflow:auto; overflow-x:hidden; }
.chat_box_userlist li{ list-style:none;width:100%; float:left; padding:10px 10px 10px 0px; cursor: pointer;}
.chat_box_userlist li:hover{ background:#f2f5fa}
.chat_box_user_cur{ background:#f2f5fa}
.chat_box_userpic{width:50px;height:50px; float:left; margin-left:20px; position:relative}
.chat_box_userpic img{border-radius:5px;border:1px solid #ddd}
.chat_box_usermsg{ padding:0px 5px; background:#f60;border-radius:20px; position:absolute;left:40px;top:5px; display:inline-block;color:#fff; font-style:normal; font-size:12px;}
.xz_zt{font-size:12px;color:#fabb70}
.xz_zt_a{ display:inline-block; padding-left:15px; margin-right:10px; background:url(../images/gh.png) no-repeat left center}
.chat_box_userinfo{width:190px; float:left; padding-left:20px; position:relative;}
.chat_box_usertime{ position:absolute;right:0px;top:5px;color:#afb3be; font-size:12px;}
.chat_box_username{width:120px;height:25px; line-height:25px; font-size:15px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.chat_box_userp{width:100%;height:25px; line-height:25px; color:#afb3be; font-size:12px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.chat_box_userzw{ display:inline-block;  font-size:12px;color:#999; margin-left:5px;}
::-webkit-scrollbar {width: 1px;background-color: #f6f6f8;}
::-webkit-scrollbar-thumb {background-color: #f6f6f8;height:6px;border-radius:10px;}
.chat_box_right{width:699px; float:right;}
.chat_box_right_gtjob{width:100%;height:35px; line-height:35px; background:#fafafa; float:left;color:#61687c}
.chat_box_right_gtjob_n{ display:inline-block; margin-left:20px;}
.chat_box_right_gtjob_name{color:#3074c1; display:inline-block; padding:0px 10px;}
.chat_box_right_gtjob_xz{ margin-right:10px; display:inline-block}
.chat_box_all{width:100%;height:330px; overflow:auto; overflow-x:hidden}
.chat_box_right_gtinfo{width:100%;height:40px; line-height:40px;border-bottom:1px solid #ddd; position:relative; background:#ededed;color: #666;}
.chat_box_right_gtinfo_u{ display:inline-block; padding-left:20px; font-size:15px;color:#333;}
.chat_header{width:100%;height:90px;}
.chat_header_fix{width:100%; position:fixed;left:0px;top:0px; z-index:100000}
.chat_header_username{ width:100%;font-size:16px; text-align:center;}
.chat_header_top{width:100%;min-height:35px; position:relative;border-bottom:1px solid #ddd; padding:5px 0 8px 0px;color:#666; background:#fff}
.chat_header_comname{width:100%; font-size:12px;text-align:center;color:#999}
.chat_header_fh{width:49px;height:49px; background:url(../images/fh.png) no-repeat center center;background-size:40%;  display:inline-block; position:absolute;left:0px;top:0px;}
.chat_header_set{width:25px;height:25px; background:url(../images/more.png) no-repeat;background-size:100%;  display:inline-block; position:absolute;right:15px;top:10px;}
.chat_header_opt{width:100%;height:35px;border-bottom:1px solid #ddd; font-size:14px;background:#fff }
.chat_header_opt ul li{ display:inline-block;width:33.3%; text-align:center; float:left;}
.chat_header_opt ul li span{ display:block; line-height:35px; color:#999; position:relative}
.chat_header_opt_resume{width:16px;height:16px; background:url(../images/fjl.png) no-repeat; background-size:100%; display:inline-block; position:absolute;left:50%; margin-left:-45px;top:10px;}
.chat_header_opt_xq{width:16px;height:16px; background:url(../images/gb.png) no-repeat; background-size:100%; display:inline-block; position:absolute;left:50%; margin-left:-50px;top:10px;}
.chat_header_opt_ms{width:18px;height:18px; background:url(../images/ms.png) no-repeat; background-size:100%; display:inline-block; position:absolute;left:50%; margin-left:-48px;top:8px;}
.chat_header_opt_job{width:16px;height:16px; background:url(../images/tcs_footer_msgiconcur.png) no-repeat; background-size:100%; display:inline-block; position:absolute;left:50%; margin-left:-45px;top:10px;}
.chat_header_opt ul  .chat_header_opt_cz{ position:relative}
.chat_header_opt ul  .chat_header_opt_cz a{color:#f00}
.chat_header_opt ul  .chat_header_opt_cz:after{width:1px;height:20px; background:#ddd; display:inline-block; position:absolute;left:0px;top:8px;content:"";}
.chat_sendcontent{ padding:20px;}
.chat_timetip{width:100%; padding:15px 0 20px 0; font-size:15px;color:#999; text-align:center}
.chat_sendtime{width:100%; text-align:center; font-size:12px;color:#999}
.chat_sendcont{ padding-top:20px; padding-bottom:20px; min-height:35px; padding-right:55px;  text-align: right; position:relative}
.chat_sendcont_pic{width:40px;height:40px; position:absolute;right:0px;top:20px;}
.chat_sendcont_pic img{width:40px;height:40px;border-radius:3px;border:1px solid #ddd}
.chat_sendcont_p{max-width: 70%; display:inline-block;    background-color: #1178c3;padding: 10px;border-radius:4px;
color: #fff; text-align:left; position:relative}
.chat_sendcont_p:before {content: " ";position: absolute;top: 9px;right: 100%;border: 6px solid transparent;border-left-color: #1178c3;
right: inherit;left: 100%;}
.chat_send_zt{ font-size:12px;color:#999; position:absolute;right:60px;bottom:0px; font-style:normal}
.chat_sendcont_p2{max-width: 70%; display:inline-block;    background-color: #f8f8f8;padding: 10px;border-radius:4px;color: #626c76; position:relative}
.chat_sendcont_p2:before {content: "";position: absolute;top: 9px;right: 100%;border: 6px solid transparent;border-right-color: #f8f8f8;
right: inherit;right: 100%;}
.chat_yx_job{ background:#f8f8f8; border-radius: 10px 10px 10px 10px; padding:10px; position:relative; margin-top:15px;}
.chat_other_say{padding-top:20px; padding-bottom:20px; min-height:35px; padding-left:55px;  text-align: left; position:relative}
.chat_other_pic{width:40px;height:40px; position:absolute;left:0px;top:20px;}
.chat_other_pic img{width:40px;height:40px;border-radius:3px;border:1px solid #ddd}
.chat_yx_xz{color:#f00; position:absolute;right:10px;top:10px;}
.chat_yx_job_name{ font-weight:bold; font-size:16px; padding-right:100px;}
.chat_yx_com_name{ padding:10px 0;color:#666}
.chat_yx_com_hr{ padding:8px 0; font-size:12px;color:#999}
.chat_yx_time{border-top:1px solid #ddd; padding:5px 0;color:#999; margin-top:10px;}
.chat_userresume{ border:1px solid #ddd; border-radius: 10px 10px 10px 10px; padding:10px; position:relative; margin-top:15px;box-shadow:0 0 30px rgba(69, 101, 173, .1) }
.chat_userresume_name{ font-size:16px; font-weight:bold}
.chat_userresume_info{ padding:8px 0;}
.chat_userresume_ys{ font-size:12px; font-weight:normal;color:#999}
.chat_userresume_want{ padding-bottom:10px;}
.chat_userresume_wantjob{color:#f00; display:inline-block; margin-left:5px;}
.chat_userresume_yxjob{ font-weight:bold;color:#1178c3}
.chat_userresume_pic{width:40px;height:40px; position:absolute;right:20px;top:20px;}
.chat_userresume_pic img{width:40px;height:40px;border-radius:3px;}
.chat_useryq{ background:#fff; border-radius: 10px 10px 10px 10px; padding:10px; position:relative; margin-top:15px;}
.chat_useryq_cz{border-top:1px solid #ddd;width:100%; padding-top:10px; text-align:center }
.chat_useryq_cz span{ display:inline-block;width:48%; text-align:center;color:#999}
.chat_useryq_cz .chat_useryq_cz_ty{color:#1178c3;border-left:1px solid #ddd}
.chat_useryq_p{ padding-bottom:10px; line-height:25px; padding-left:60px;color:#666; position:relative}
.chat_useryq_p:after{width:35px;height:35px;content:''; display:inline-block; background:url(../images/yqicon.png) no-repeat; background-size:100%; position:absolute;left:10px;top:8px;}
.chat_userresume_wantjob{ padding:5px 0;}
.chat_sendresume{max-width: 70%; display:inline-block;    background-color: #fff;padding: 10px;border-radius:4px;
color: #333; text-align:left; position:relative}
.chat_sendresume:before {content: " ";position: absolute;top: 9px;right: 100%;border: 6px solid transparent;border-left-color: #fff;
right: inherit;left: 100%;}

.chat_footer_box{width:100%;height:140px; position:relative;border-top:1px solid #ddd;}
.chat_footer{width:100%;  padding:10px 0px;color:#666; background:#fff;}
.chat_footer_cont{ padding-left:10px; padding-right:100px; position:relative}
.chat_footer_lp{ padding:0px 10px;height:30px; line-height:30px; background:#f8f8f8;color:#f60; display:inline-block; position:absolute;left:10px;top:0px;border-radius:3px;
}
.chat_footer_text{width:100%;height:30px;border:none; background:#f8f8f8;border-radius:3px; text-indent:10px;}
.chat_footer_bq{width:25px;height:25px; line-height:25px; background:url(../images/chat_bq.png) no-repeat;background-size:100%;position:absolute;right:65px;top:3px;text-align:center}
.chat_footer_keyboard{width:25px;height:25px; line-height:25px; background:url(../images/keyboard.png) no-repeat;background-size:100%;position:absolute;right:65px;top:3px;text-align:center}
.chat_footer_tj{width:25px;height:25px; line-height:25px; background:url(../images/chat_tj.png) no-repeat;background-size:100%; position:absolute;right:15px;top:3px; text-align:center}
.chat_footer_tj_img{width:25px;height:25px; opacity:0}
.chat_footer_send{ padding:0px 10px;height:30px; line-height:30px; background:#1178c3;color:#fff; position:absolute;right:10px;top:0px;border-radius:3px;}
.chatjob_list{border-bottom:1px solid #ddd; padding:10px 0; position:relative}
.chatjob_box{width:320px; background:#fff;max-height:330px;  position:fixed; left:50%;top:50%; margin-left:-160px; margin-top:-115px; z-index:1000000;border-radius:5px;}
.chatjob_box_c{ padding:0px 15px;}
.chatjob_box_job{width:100%;max-height:270px; overflow:auto}
.chatjob_name{ font-size:16px; padding-right:120px; font-weight:bold}
.chatjob_info{ color:#999; font-size:12px;}
.chatjob_info_line{ display:inline-block; padding:0px 10px; font-size:12px;color:#e9e9e9}
.chatjob_xz{color:#f00;padding:8px 0;}
.chatjob_box_tit{width:100%; position:relative}
.chatjob_box_tit_name{ display:inline-block; padding-top:15px; font-size:15px; padding-left:10px; padding-bottom:10px;color:#666}
.chatjob_box_tit_close{width:20px;height:20px; position:absolute;top:15px;right:15px;background:url(../images/close.png) no-repeat; background-size:70%; display:inline-block}
.chatjob_bth{width:55px;height:28px; line-height:28px; text-align:center; background:#1178c3;color:#fff;border-radius:3px; display:inline-block; position:absolute;right:0px;bottom:20px; font-size:12px;cursor: pointer;}
#bg{ position:fixed; left:0px;top:0px;right:0px;bottom:0px; background:#000; opacity:0.5; z-index:100000}
.chat_comjobtip{ padding:20px 20px; text-align:center}
.chat_comjobtip .chat_comjobtip_p{ background:rgba(0,0,0,0.2);color:#ddd; padding:3px 0px;border-radius:3px; display:block;cursor:pointer}
.chat_nojob{width:100%; padding-top:20px; text-align:center; padding-bottom:40px;color:#999}
.chat_sendcont_yqbox{ display:inline-block; padding-right:30px; position:relative; font-style:normal}
.chat_sendcont_yq{width:25px;height:25px; position:absolute;top:3px;right:-5px;background:url(../images/fsyq.png) no-repeat; background-size:70%; display:inline-block}
.chat_sendcont_jsbox{ display:inline-block; padding-left:25px; position:relative; font-style:normal}
.chat_sendcont_jsyq{width:25px;height:25px; position:absolute;top:2px;left:0px;background:url(../images/yqicon.png) no-repeat; background-size:70%; display:inline-block}
.chat_footer_commonly{width:100%; padding-bottom:30px; position:relative; background:#fff}
.chat_face{position: relative;max-height: 260px;overflow: auto;padding: 10px;font-size: 0;}
.chat_face li {cursor: pointer;display: inline-block;vertical-align: bottom;padding: 5px 2px;text-align: center;width: 10%;-webkit-box-sizing: border-box!important;-moz-box-sizing: border-box!important;box-sizing: border-box!important;}
.chat_face li img {width: 22px;height: 22px;}
.chat_iframe{border: 0;visibility: hidden;position: absolute;width: 0;height: 0;}
.chat_msg_header{ background:#3d9af6; padding:12px 10px 13px 10px; position:relative;border-bottom:1px solid #ddd;box-shadow: 0 2px 8px #ddd;}
.chat_msg_header_p{ font-size:17px; padding-left:10px;color:#fff}
.chat_msg_header_other{ position:absolute;right:20px;top:12px;color:#fff}
.chat_msg_box{ padding:10px 15px;}
.chat_msg_box ul li{ padding:15px 0px 15px 65px; position:relative; background:#fff;border-bottom:1px solid #ddd; margin-bottom:0px;}
.chat_msg_tx{width:50px; position:absolute;left:0px;top:17px;}
.chat_name_box{ padding-right:60px;}
.chat_name{width:100%;height:25px; line-height:25px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.chat_hrname{ font-size:16px;}
.chat_comname{ font-size:12px;color:#999}
.chat_new_p{width:100%;height:30px; line-height:30px;color:#999;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.chat_new_time{ font-size:12px;color:#999; position:absolute;right:0px;top:18px;}
.chat_msg_new{ background:#f00; display:inline-block; position:absolute;left:38px;top:15px; padding:0px 5px;color:#fff;border-radius:50%;}
.chat_timetip_c{ background:#f8f8f8;border-radius:20px; font-size:13px; padding:5px 20px;}
.chat_footer_box_c{ padding:0px 20px;}
.chat_footer_box_header{width:100%;height:28px; padding-top:10px;}
.chat_footer_textarea{width:100%;height:55px;color:#666;border:none;resize:none; font-size:15px}
.chat_footer_bth{width:80px;height:30px;border:1px solid #ff5050;border-radius:3px; background:#ff5050;color:#fff;}
.chat_footer_bth_c{ text-align:right}
.chat_box_right_cz{ position:absolute;right:20px;top:0px;}
.chat_box_right_cz_a{ display:inline-block;color:#1178c3;cursor: pointer;}
.chat_box_right_gtinfo_line{ font-size:12px;color:#ddd; padding:0px 10px;}
.chat_footer_box_header_bth{ width:25px;height:25px; line-height:25px; margin-right:10px;  display:inline-block; text-align:center; margin-top:8px; background:url(../images/keyboard.png) no-repeat; background-size:100%;}
.chat_footer_box_header_tjbth{ width:28px;height:28px;  margin-right:10px;  display:inline-block; text-align:center;  background:url(../images/chat_tj.png) no-repeat; background-size:100%;}
.chat_footer_box_header_cy{width:28px;height:28px; line-height:30px;margin-right:10px; display:inline-block; vertical-align:top;  background:url(../images/chat_bq.png) no-repeat; background-size:100%; position:relative  }
.chat_footer_expression{width:460px;height:290px;border:1px solid #ddd; background:#fff; position:absolute;top:-300px;left:-100px;box-shadow: 0px 5px 10px 0 rgba(15,12,70,.1);}
.chat_footer_bth_tip{color:#999; margin-right:15px; font-size:12px;}
.chattip{width:100%; text-align:center; padding-top:300px;color:#999; background:url(../images/yl_tip.png) no-repeat center 100px}
.chat_line{ font-size:12px;color:#999; display:inline-block; padding:0px 10px;transform:scale(0.75)}
.chat_footer_czk{width:100%;height:25px; padding:10px 0}
.chat_footer_czk_tj{width:22px;height:22px; line-height:22px; background:url(../images/chat_tj.png) no-repeat;background-size:100%; display:inline-block; position:relative; margin-left:20px;}
.chat_footer_czk_tj_bth{width:25px;position:absolute;left:0px;top:0px;opacity:0}